/*专门写 博客列表页的专属样式*/

/*设置整个blog div 的样式*/
.blog{
    /*上内边距*/
    padding: 8px;
}
/*设置博客标题*/
.tile{
    font-size: 22px;
    text-align: center;
    font-weight: 900;
}
/*设置发布时间*/
.date{
    text-align: center;
    color: rgb(0,128,0);
    padding: 10px 0;

}
/*设置摘要*/
.desc{
        /*text-indent: 28px;*/
/*    em也是一个单位，和px是并列的，1em == 应该文字的大小*/
    text-indent: 2em;
}

.blog a{
    display: block;
    width: 150px;
    height: 30px;
    border: 2px solid black;
    /*查看全文这个块文字水平居中*/
    text-align: center;
    text-decoration: none;

/*    当文字的行高和元素过渡一样的时候，文字恰好是垂直居中的*/
    line-height: 30px;
/*    水平居中*/
    margin:10px auto;
/*    加上背景切换的过渡状态*/
    transition: all 1s;
}

/* :hover是一个伪类选择器，不是选中元素，而是选中元素的某种状态，
即选中元素的悬停状态*/
.blog a:hover{
    background-color: gray;
    color: white;
}



